From: Thomas Schröder <tschroeder_github@outlook.com>
Date: Sun, 18 Feb 2024 13:16:20 +0000 (+0100)
Subject: luci-theme-bootstrap: Allways show scrollbar
X-Git-Url: http://git.openwrt.org/%22https:/collectd.org//%22/%22https:/collectd.org/%22?a=commitdiff_plain;h=d77615c42253566ebb29ed30bba4702bb2872b80;p=project%2Fluci.git

luci-theme-bootstrap: Allways show scrollbar

With this addition to the body tag, on desktop browsers the vertical scrollbar
is always visible and the content will not be shifted by changing tabs (like
at System/Software when the update tab has no to little content).

I couldn't see any negative side effects with Chromium browsers or Firefox
under Windows/Linux and Android, but I don't have access to Apple devices
for tests.

Signed-off-by: Thomas Schröder <tschroeder_github@outlook.com>
---

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index f1b6dccab2..9cf9b45b38 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -288,6 +288,7 @@ body {
 	min-height: 100%;
 	display: flex;
 	flex-direction: column;
+	overflow-y: scroll;
 }
 
 .container {